<%@ page language="java" pageEncoding="utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="/pf/tag" prefix="PF" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <base href="<PF:basePath/>"/>
    <title>图谱-<PF:ParameterValue key="config.sys.title"/></title>
    <meta name="description"
          content='<PF:ParameterValue key="config.sys.mate.description"/>'>
    <meta name="keywords"
          content='<PF:ParameterValue key="config.sys.mate.keywords"/>'>
    <meta name="author"
          content='<PF:ParameterValue key="config.sys.mate.author"/>'>
    <meta name="robots" content="index,follow">
    <jsp:include page="../atext/include-web.jsp"></jsp:include>
    <script charset="utf-8"
            src="<PF:basePath/>text/lib/echarts/echarts.js"></script>
</head>
<body>
<jsp:include page="../commons/head.jsp"></jsp:include>
<jsp:include page="../commons/superContent.jsp"></jsp:include>
<div class="containerbox">
    <div class="container ">
        <div style="margin-top: 20px;"></div>
        <div class="row column_box">
            <div class="col-lg-3"></div>
            <div class="col-lg-12">
                <div class="row">
                    <div class="col-sm-12 column_box  hidden-xs">
                        <img class=" center-block" src="text/img/logo.png" alt="wcp"/>
                    </div>
                    <div id="graph" style="width: 1200px;height:800px;"></div>
                </div>
                <div style="margin-top: 20px;"></div>
            </div>
            <div class="col-lg-3"></div>
        </div>
    </div>
</div>
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('graph'));
    var option = {
        //title: { text: '人民的名义关系图谱' },
        tooltip: {
            formatter: function (x) {
                return x.data.des;
            }
        },
        series: [
            {
                name: '数据',
                type: 'graph',
                layout: 'force',
                symbolSize: 80,
                roam: true,
                edgeSymbol: ['circle', 'line'],
                edgeSymbolSize: [4, 10],
                edgeLabel: {
                    normal: {
                        textStyle: {
                            fontSize: 20
                        }
                    }
                },
                force: {
                    repulsion: 2500,
                    edgeLength: [10, 50]
                },
                draggable: false,
                itemStyle: {
                    normal: {
                        color: '#4b565b'
                    }
                },
                lineStyle: {
                    normal: {
                        width: 2,
                        color: '#4b565b'

                    }
                },
                edgeLabel: {
                    normal: {
                        show: true,
                        formatter: function (x) {
                            return x.data.name;
                        }
                    }
                },
                label: {
                    normal: {
                        show: true,
                        textStyle: {
                        }
                    }
                }/*,
                data: [
                    {
                        name: '宗教',
                        des: '宗教是人类社会发展到一定历史阶段出现的一种文化现象，属于社会特殊意识形态。',
                        symbolSize: 120,
                        itemStyle: {
                            normal: {
                                color: 'red'
                            }
                        }
                    }, {
                        name: '基督教',
                        des: '基督教是对奉耶稣基督为救世主的各教派统称，亦称基督宗教。',
                        itemStyle: {
                            normal: {
                                color: 'Crimson'
                            }
                        }
                    }, {
                        name: '伊斯兰教',
                        des: '顺从和信仰创造宇宙的独一无二的主宰安拉及其意志，以求得两世的和平与安宁。',
                        itemStyle: {
                            normal: {
                                color: 'Crimson'
                            }
                        }
                    }, {
                        name: '印度教',
                        des: '印度教是随着印度封建社会形成，种姓制度发生新变化而出现的。<br/>它是广泛吸收婆罗门教、佛教和耆那教教义以及民间信仰、风俗习惯、哲学思想等的综合产物。',
                        itemStyle: {
                            normal: {
                                color: 'Crimson'
                            }
                        }
                    }, {
                        name: '犹太教',
                        des: '犹太教（Judaism）是世界三大一神信仰中最古老的宗教，也是犹太民族的生活方式及信仰。',
                        itemStyle: {
                            normal: {
                                color: 'Crimson'
                            }
                        }
                    }, {
                        name: '佛教',
                        des: '佛教诞生距今已有两千五百多年，是由古印度迦毗罗卫国（今尼泊尔境内）王子乔达摩·悉达多所创（参考佛诞）。',
                        itemStyle: {
                            normal: {
                                color: 'Crimson'
                            }
                        }
                    }, {
                        name: '道教',
                        des: '道教是中国本土宗教，以“道”为最高信仰。',
                        itemStyle: {
                            normal: {
                                color: 'Crimson'
                            }
                        }
                    }, {
                        name: '天主教',
                        des: '天主教(Catholicism)是基督教(Christianity)的三大派别之一，亦称公教、罗马公教、罗马天主教。',
                        itemStyle: {
                            normal: {
                                color: 'LightCoral'
                            }
                        }
                    }, {
                        name: '新教',
                        des: '新教（Protestantism），亦称基督新教，与天主教、东正教并称为基督教三大流派。',
                        itemStyle: {
                            normal: {
                                color: 'LightCoral'
                            }
                        }
                    }, {
                        name: '东正教',
                        des: '基于正统派神学并强调自身正统性的宗徒继承教会',
                        itemStyle: {
                            normal: {
                                color: 'LightCoral'
                            }
                        }
                    }, {
                        name: '逊尼派',
                        des: '逊尼派（阿拉伯：أهل السنة Ahl As-sunnah，英：Sunni），伊斯兰教主要教派之一，全称“逊奈与大众派”。',
                        itemStyle: {
                            normal: {
                                color: 'IndianRed'
                            }
                        }
                    }, {
                        name: '什叶派',
                        des: '什叶派（阿拉伯语：الشيعة）是伊斯兰教的第二大教派。',
                        itemStyle: {
                            normal: {
                                color: 'IndianRed'
                            }
                        }
                    }, {
                        name: '耶和华',
                        des: '造物主，全能、公义、威严、圣洁、信实、慈爱、至高无上的真神。',
                        itemStyle: {
                            normal: {
                                color: 'OrangeRed'
                            }
                        }
                    }, {
                        name: '安拉',
                        des: '安拉（Allāh），是伊斯兰教经典《古兰经》中宇宙最高的独一实在、应受崇拜的主宰。',
                        itemStyle: {
                            normal: {
                                color: 'Coral'
                            }
                        }
                    }, {
                        name: '元始天尊',
                        itemStyle: {
                            normal: {
                                color: 'DarkTurquoise'
                            }
                        }
                    }, {
                        name: '灵宝天尊',
                        itemStyle: {
                            normal: {
                                color: 'DarkTurquoise'
                            }
                        }
                    }, {
                        name: '道德天尊',
                        itemStyle: {
                            normal: {
                                color: 'DarkTurquoise'
                            }
                        }
                    }, {
                        name: '燃灯佛',
                        itemStyle: {
                            normal: {
                                color: 'Gold'
                            }
                        }
                    }, {
                        name: '释迦牟尼佛',
                        itemStyle: {
                            normal: {
                                color: 'Gold'
                            }
                        }
                    }, {
                        name: '弥勒佛',
                        itemStyle: {
                            normal: {
                                color: 'Gold'
                            }
                        }
                    }, {
                        name: '湿婆',
                        itemStyle: {
                            normal: {
                                color: 'DarkOrange'
                            }
                        }
                    }, {
                        name: '梵天',
                        itemStyle: {
                            normal: {
                                color: 'DarkOrange'
                            }
                        }
                    }, {
                        name: '毗湿奴',
                        itemStyle: {
                            normal: {
                                color: 'DarkOrange'
                            }
                        }
                    }
                ],
                links: [
                    {
                        source: '基督教',
                        target: '宗教',
                        name: '主要世界性宗教'
                    }, {
                        source: '伊斯兰教',
                        target: '宗教',
                        name: '主要世界性宗教'
                    }, {
                        source: '印度教',
                        target: '宗教',
                        name: "主要世界性宗教"
                    }, {
                        source: '犹太教',
                        target: '宗教',
                        name: "主要世界性宗教"
                    }, {
                        source: '佛教',
                        target: '宗教',
                        name: "主要世界性宗教"
                    }, {
                        source: '道教',
                        target: '宗教',
                        name: "主要世界性宗教"
                    }, {
                        source: '天主教',
                        target: '基督教',
                        name: "三大派别之一"
                    }, {
                        source: '新教',
                        target: '基督教',
                        name: "三大派别之一"
                    }, {
                        source: '东正教',
                        target: '基督教',
                        name: "三大派别之一"
                    }, {
                        source: '逊尼派',
                        target: '伊斯兰教',
                        name: "主要教派之一"
                    }, {
                        source: '什叶派',
                        target: '伊斯兰教',
                        name: "主要教派之一"
                    }, {
                        source: '耶和华',
                        target: '天主教',
                        name: "主神"
                    }, {
                        source: '耶和华',
                        target: '新教',
                        name: "主神"
                    }, {
                        source: '耶和华',
                        target: '东正教',
                        name: "主神"
                    }, {
                        source: '安拉',
                        target: '逊尼派',
                        name: "主神"
                    }, {
                        source: '安拉',
                        target: '什叶派',
                        name: "主神"
                    }, {
                        source: '元始天尊',
                        target: '道教',
                        name: "三清之一"
                    }, {
                        source: '灵宝天尊',
                        target: '道教',
                        name: "三清之一"
                    }, {
                        source: '道德天尊',
                        target: '道教',
                        name: "三清之一"
                    }, {
                        source: '燃灯佛',
                        target: '佛教',
                        name: "三世诸佛-过去佛"
                    }, {
                        source: '释迦牟尼佛',
                        target: '佛教',
                        name: "三世诸佛-现在佛"
                    }, {
                        source: '弥勒佛',
                        target: '佛教',
                        name: "三世诸佛-未来佛"
                    }, {
                        source: '湿婆',
                        target: '印度教',
                        name: "主神之一"
                    }, {
                        source: '梵天',
                        target: '印度教',
                        name: "主神之一"
                    }, {
                        source: '毗湿奴',
                        target: '印度教',
                        name: "主神之一"
                    }]*/
            }
        ]
    };
    myChart.showLoading();
    myChart.setOption(option);
    myChart.on('dblclick', function (handler,context){
        if (handler.dataType == "node"){
            window.location.href="websearch/PubDo.do?word="+handler.name
        }
    });
    $.get('/graph/entity/all').done(function (data) {
        // 填入数据
        myChart.hideLoading();
        option.series[0].data=data.data;
        option.series[0].links=data.links;
        myChart.setOption(option);
    });
</script>
<jsp:include page="../commons/footServer.jsp"></jsp:include>
<jsp:include page="../commons/foot.jsp"></jsp:include>
</body>
</html>